<style>
    .msg {
        text-align: center;
        padding: .5rem .2rem 0 .2rem;
    }
    
    .msg i {
        font-size: 1.4rem;
    }
    
    .msg .msg-title {
        padding-top: .5rem;
        margin-bottom: .2rem;
        font-size: .4rem;
    }
    
    .msg .msg-content {
        font-size: .2rem;
        color: #999;
        margin-bottom: .2rem;
        line-height: 1.5;
    }
</style>

<div class="bui-page bui-box-vertical">
    <header>
        <div class="bui-bar">
            <div class="bui-bar-left">
                <div class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></div>
            </div>
            <div class="bui-bar-main">成功提醒</div>
            <div class="bui-bar-right">
            </div>
        </div>
    </header>
    <main>
        <div class="msg">
            <i class="icon-successfill success"></i>
            <div class="msg-title">操作成功</div>
            <div class="msg-content">内容详情,可根据实际需要安排</div>
            <div class="bui-interval">
                <div class="bui-btn success">确定</div>
                <div class="bui-btn">取消</div>
            </div>
        </div>

        <div class="section-title">备用图标</div>
        <div class="container-x">
            <i class="icon-successfill success"></i>
            <i class="icon-errorfill danger"></i>
            <i class="icon-warningfill warning"></i>
            <i class="icon-infofill warning"></i>
        </div>
    </main>
</div>